<template>
    <header class="app-header">
      <nav class="container main-nav">
          <div class="logo-container">
              <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2"/><path d="M18 10h-2.5"/><path d="M8.5 10H6"/></svg>
              <span class="logo-text">AI 小智</span>
          </div>
          <div class="nav-links">
              <a href="#features">核心功能</a>
              <a href="#how-it-works">工作原理</a>
              <a href="#hardware">硬件构成</a>
              <a href="#video">演示视频</a>
              <a href="#team">项目团队</a>
              <a href="#production">制作过程</a>
              <a href="#summary">总结和反思</a>
          </div>
          <button class="mobile-menu-button">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
          </button>
      </nav>
    </header>
  </template>